<template>
  <div class="detail-header">
    <div class="detail-header-con detail-header-con-more">
      <div class="status">
        <span class="j-status"><i v-if="detailData.is_presale == 1">【预售】</i>下单回执</span>
      </div>
      <div class="order-no create-time">
        <span>订单编号：</span>
        <span class="j-create_time">{{detailData.order_no}}</span>
      </div>
      <div class="order-no create-time">
        <span>下单时间：</span>
        <span class="j-create_time">{{showOrderTime(detailData.pay_time)}}</span>
      </div>
    </div>
  </div>
</template>

<script>
import { formatDay, formatHMS, formatDate } from "@/utils/index";
import Vue from "vue";
export default Vue.extend({
  props: {
    detailAll: {
      type: Object,
      default: () => {
        return {};
      }
    }
  },
  methods: {
    OrderUrl(idx) {
      const query = {
        id: this.detailData.order_id,
        supid: this.detailData.delivery_supplier[idx][0]
      };
      if (this.otherData.gys == "gys") {
        query.identity = "gys";
      }
      this.$emit("OrderUrl", query);
      // this.$JumpPath(this, path, query)
    },
    showOrderTime(time) {
      return formatDate(time);
    }
  },
  computed: {
    detailData() {
      // console.log(444444, this.detailAll);
      return this.detailAll.detail;
    }
  }
});
</script>

<style lang="scss">
// @import 'src/styles/variables.scss';
// @import 'src/styles/mixin';
@import "src/styles/order/detail";
.detail-header .detail-header-con {
  background-image: url(https://img.wifenxiao.com/h5-wfx/images/order/receipt_order.png) !important;
}
.detail-header {
  margin-bottom: 15px !important;
}
</style>